* {
   
}
* {
   -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: content-box !important;
}
*:before,
*:after {
   -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: content-box !important;
}

html {
  height: 100%;
  font-size: 90%;
  box-sizing: content-box !important;
}
body {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  font-family: 'Roboto Slab', serif;
  font-weight: 300;
  margin: 0;
}

input,select,textarea{
  width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
    border: 2px solid #ccc;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    outline: none;
}
h2{

  font-family: 'Playfair Display', serif;
  font-weight: 100;
}

input:focus {
   border: 2px solid #555;}
   .home{
     height: 600px;
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    position: absolute;
    z-index: 1;
    background-repeat: no-repeat;
    overflow: hidden;
    padding: 5px;
}  

.nolink{
  padding: 0px; 
  text-decoration: none;
  color: #666;
   -webkit-transition: 0.5s;
    transition: 0.5s;

}
.nolink:hover{
 color: black;
  -webkit-transition: 0.5s;
    transition: 0.5s;
  }
.caret-up {
    width: 0; 
    height: 0; 
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-bottom: 4px solid;
    
    display: inline-block;
    margin-left: 2px;
    vertical-align: middle;
}
}
.icon_home{
 background-image: url('../img/home.svg');
 width:3px;
 height: 20px;
 text-indent: 100%;
 overflow: hidden;
 background-repeat: round;
 box-sizing: initial;

}
.formbut{
    text-decoration: none;
    border: 2px solid;
    border-radius: 50px;
    color: #F1C050;
    padding: 10px;
    margin: auto;
    display: block;
    text-align: center;
    width: 40%;
    font-family: sans-serif;
    font-weight: bold;
    transition: all .3s ease-in-out;
    background-color: white;
    margin-top: 4%;
    cursor: pointer;

}
.formbut:hover {
 color: #ffffff;
    text-decoration: none;
    background-color: #F1C050;
    transition: all .3s ease-in-out;
    border: 2px solid;
    border-color: #F1C050;
    font-weight: bold;
     }
.content {
  flex: 1;
  width: 100%;
  min-width: 900px;
}

#container {
    margin: auto;
    width: 100%;
    min-width: 900px;
}

.socialmedia{
  width: 30%;
  float: right;
  padding-top: 15px;


}

.topbar{
  background-color: #292929;
  width: 100%;
  height: 35px;
}

.topbar a {
  text-decoration: none;
  color: white;
}

.topbar ul{
  float: right;
  margin: 0;
  padding: 7px;
  width: 25%;
}
.topbar li{

  list-style: none;
  display: inline;  
  margin-right: 10px;
}
.iconfooter{
  fill: white;
}
.icontopbar{
  fill: white;
  transition: all .2s ease-in-out;
}
.icontopbar:hover{
  fill: #F1C050;
  transition: all .2s ease-in-out;
}
header{
  font-family: Helvetica;
  width: 480px;
  margin: 0 auto;
}
ul{
  list-style: none;
}
#menu *{
  padding: 0;
  margin: 0;
}
#menu li>a{
  background-color: white;
  color: black;

 padding: 9px;
  display: block;
  text-decoration: none;
  

}
#menu li>a:hover{
 background-color: #f5f5f5;;
}
#menu>li{
 float: left;
text-align:center
}
#menu>li>ul{
  display: none;
}
#menu>li:hover>ul {
  display:block;
}

#lonav{

     padding: 20px;
}

 #logo{

    width: 50%;
    text-align: center;
    float: left;
 
 }
 #logo img{
 width: 330px;
 }
  #logop{

  width: 100%;
  text-align: center;
}
 #logop img{
    width: 100%;
    max-width: 600px;
    min-width: 50px;
 }
 .break {
  clear:both;
 }

.slide{

    background-color: #eaeaea;
    width: 100%;
    margin-top: 5px;
}

.slide img{
   display: block;
   margin: auto;
}


h1{
  font-family: 'Playfair Display', serif;
    letter-spacing: 0.02em;
    text-align: center;
    font-weight: 100;
 }

 #main-products{
    width: 100%;
    margin-bottom: 60px;
 }
 .product{
  width: 33.3%;
  float: left;
 }
 .product h2 {
    letter-spacing: 0.02em;
    text-align: center;
    font-weight: 100;
 }
 .product h3{
  text-align: center;
 }
 .product hr {
 width: 60%;
 }
 
 .product p {
    text-align: center;
    width: 70%;
    margin: auto;
    padding: 0px 0px 25px;
    font-size: .9em;
    color: #3c3c3c;
    overflow: auto;

 }
.product a {
    margin: auto;
    text-decoration: none;
    border: 2px solid;
    border-radius: 50px;
    padding: 10px;
    display: block;
    text-align: center;
    width: 40%;
    font-family: sans-serif;
       font-weight: bold;
   transition: all .3s ease-in-out;
 }

.product a:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #F1C050;
    transition: all .3s ease-in-out;
    border: 2px solid;
    border-color: #F1C050;
       font-weight: bold;

}

.other-product{
    background-image: url('../img/backrent.jpg');
    height: 400px;
    width: 100%;
    position: relative;  

}

.top_product_trabaja{
    background-image: url('../img/back_tele.jpg');
    overflow: auto;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;


  
}
.margin-both{
      margin: 70px 0px;
}
.top_product_eventos{
    background-image: url('../img/back_eventos.jpg');
    overflow: auto;
    width: 100%;
    position: relative;
    height: 500px;
    background-repeat: no-repeat;  

  
}

.slide{
  background-color: white;
}
.top_product_distri{
    background-image: url('../img/back_dis.jpg');
    overflow: auto;
    width: 100%;
    position: relative;  
    background-size: cover;
    background-repeat:repeat;
    margin-top: 2px;
    background-position-x: -343px;

  
}
.top_product_prov{
    background-image: url('../img/back_prov.jpg');
    overflow: auto;
    width: 100%;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;  

  
}
.top_product_tower{
    background-image: url('../img/backtower.jpg');
    overflow: auto;
    width: 100%;
    position: relative;  

  
}
.top_product_ensitio{
    background-image: url('../img/back_ensitio.jpg');
    overflow: auto;
    width: 100%;
    position: relative;  
    background-size: cover;
    background-repeat: no-repeat;
  
}

.top_product_acerca{
    background-image: url('../img/acerca.jpg');
    overflow: auto;
    width: 100%;
    position: relative;  
    background-size: cover;
    background-repeat: no-repeat;
  
}
.top_product_como{
    background-image: url('../img/back_como.jpg');
    overflow: auto;
    width: 100%;
    position: relative;  
    background-size: cover;
    background-repeat: no-repeat;
  
}
.top_product_manual{
    background-image: url('../img/pod-bar.jpg');
    overflow: auto;
    width: 100%;
    position: relative;  
      background-size: cover;
    background-repeat: no-repeat;
        margin-top: 2px;
  
}
.top_product_arren{
    background-image: url('../img/pod-bar.jpg');
    overflow: auto;
    width: 100%;
    position: relative;  
      background-size: contain;
    background-repeat: no-repeat;
        margin-top: 2px;
  
}
.top_product_arren_2 {
    background-image: url(../img/pod-bar.jpg);
    width: 100%;
    position: relative;
    background-size: contain;
    margin-top: 2px;
    height: 138%;
    overflow: auto;
    background-repeat: no-repeat;
}

.top_product_test{
    background-image: url('../img/pod-bar.jpg');
    overflow: auto;
    width: 100%;
    position: relative;  
      background-size: cover;
    background-repeat: no-repeat;
  
}
.top_product_compact{
    background-image: url('../img/backcompact.jpg');
    width: 100%;
    position: relative;  
 
    overflow: auto;
   background-repeat: no-repeat;
}
.top_product_sens{
    background-image: url('../img/top_sen.jpg');
    width: 100%;
    position: relative;  
 
    overflow: auto;
    background-repeat: no-repeat;
    background-size: cover;
}
.top_product_faq{
    background-image: url('../img/back_faq.png');
    width: 100%;
    position: relative;  
 
    overflow: auto;
    background-repeat: no-repeat;
    background-size: cover;
}
.subheads{
    margin: 40px 0px;
        width: 75%;
    margin: auto;
        margin-top: 20px;
}
 .subheads hr{width: 15%;
    height: 3px;
    background-color: #f1c050;
    border: none;}
.rentimg{
    display: block;
    margin: auto;

}
 .rent{

  width: 50%;
  float: right;
    position: relative;
    top: 20%;

   
 }

 .rent h1{
  font-family: 'Playfair Display', serif;
    letter-spacing: 0.03em;
    text-align: left;
    font-weight: 100;
        color: white;
        font-size: 3.5em;
 }
 .rent p{
    text-align: left;
    width: 55%;
    padding-bottom: 25px;
    color: white;
    font-size: 1em;


 }
 .rent a {

    text-decoration: none;
    border: 2px solid;
    border-radius: 50px;
    padding: 10px;
    color: white;
    display: block;
    font-weight: bold;
    text-align: center;
    width: 30%;
      font-family: sans-serif;
     transition: all .3s ease-in-out;
 }

.rent a:hover { color: #000;
    text-decoration: none;
    background-color: #F1C050;
    transition: all .3s ease-in-out;
    border: 2px solid;
    border-color: #F1C050;
       font-weight: bold;
  
}
 .sliderbut {

    text-decoration: none;
   background-color: #F1C050;
    border-radius: 50px;
    padding: 10px;
    color: #9a7b32;
    display: block;
    text-align: center;
    width: 30%;
    font-weight: bold;
      font-family: sans-serif;
     transition: all .3s ease-in-out;
    margin: auto;}

.sliderbut:hover 

    { color: black;
    text-decoration: none;
    background-color: #F1C050;
    transition: all .3s ease-in-out;
    font-weight: bold;
    transform:  translateX(0%) translateY(-5%);
  
}
.sliderhr{
    color: #fff;
    border-top: dotted 5px;
    width: 30%;
}
 .imgpro{

    margin: auto;
    display: block;
    transition: all .3s ease-in-out;
    width: 100%;
  
 }
.imgpro:hover{

    transform: translateX(0%) translateY(-2%);
    transition: all .3s ease-in-out;
 }

 .test{

 width: 15%;
    height: 3px;
    background-color: #f1c050;
    border: none;
 }

 .test h1{

    margin-bottom: 50px;
 }
 footer{

    width: 100%;
    height: 200px;
    background-color: #1b1b1b;
    color:white;
     min-width: 900px;


 }

 .logofoot{

    width: 50%; 
    float: left;
    text-align: center;
    position: relative;
    top: 70px;

 }
  .logofoot p{

        margin: 0;
        -webkit-margin-before: 0;
         -webkit-margin-after: 0;
 }
 .contact{
    width: 50%;  
    float: right;
    top: 30px;
    position: relative;

 }
.contact ul{
 line-height: 2.5;
 list-style: none;
 margin: auto;
 }
.icon{
  fill: #F1C050;
  position: relative;
  top: 9px;
  padding-right: 10px;
  box-sizing: border-box !important;
}
 .animate{
    position: relative;
    -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
          animation-fill-mode: forwards;
}

@keyframes fadein {
  0% {top:200px; opacity: 0;}
  50% {top:100px; opacity: 0;}
  100% {top:0px; opacity: 1;}
}


/*tower styles*/

.int_iz2{
     width: 37%;
    padding-left: 12%;
    overflow: hidden;
}

.int_iz2 img {
       margin: auto;
    display: block;

        padding-top: 19px;
    margin-bottom: 25px;
}

.int_iz{
    width: 39%;
    padding-left: 15%;
    overflow: hidden;
}
.squares{
      list-style: square;
}
.int_iz_draw{
    width: 39%;
    padding-left: 15%;
    overflow: hidden;
}
.int_iz_img1{
    margin: auto;
    display: block;
    padding-top: 30px;
    width: 58%;
    float: left;
}
.int_iz_img2{
    margin: auto;
    display: block;
    padding-top: 30px;
    width: 45%;
    float: left;
}

.int_iz_img3{
    margin: auto;
    display: block;
    float: left;
    padding-top: 145px;
    width: 55%;
}

.int_iz_img4{
    margin: auto;
    display: block;
    float: left;
    padding-top: 30px;
    width: 100%;
}


.int_izt img{
  margin: auto; 
  display: block;
  padding-top: 30px;
      margin-bottom: 30px;

}
.img_podbar{
  max-width: 470px;
}
.int_iz img{
  margin: auto; 
  display: block;
  padding-top: 30px;
  width: 350px;

}
.int_iz h2{
   font-family: 'Playfair Display', serif;
    letter-spacing: 0.02em;
    text-align: left;
    font-weight: 100;
        color: black;
        font-size: 2em;
        margin: auto;
        text-align: center;
}

.int_iz hr{
 width: 15%;

}
.draws{
  width: 50%;
}
.int_iz p{
 text-align: justify;

}
.int_der_draw{
  width: 40%;
    float: right;
    margin-right: 10%;
    overflow: hidden;
    margin: auto;
}
.int_der_draw ul{ 
    width: 60%;

} 
.int_der_draw p{ 
    width: 70%;
    text-align: justify;

} 
.int_der_img1{
  width: 100%;
  max-width: 300px;

}
.int_der_img2{
  width: 100%;
  max-width: 470px;


}

.int_der{
width: 40%;
    float: right;
    margin-right: 10%;
    overflow: hidden;
    margin: auto;
}
.int_der_sen{
  width: 100%;
    max-width: 600px;
        min-width: 580px;
}
.int_der ul{ 
    width: 60%;

} 
.int_der p{ 
    width: 70%;
    text-align: justify;

} 
.int_der img{

    width: 100%;
    max-width: 280px;
    margin-top: 35px;
    } 


.int_der2{
   width:50%;
   max-width: 700px;
   min-width: 500px;
   float: right;
   overflow: hidden;
}
.int_der2 p { 
    width: 75%;

}
.int_der2 ul{ 
    width: 60%;

}       


.int_der2 img{

    float: left;
   width: 550px;
    }
.int_izn{
    width: 35%;
    float: left;
    margin-left: 15%;
    
}
.int_izn p{

    text-align: justify;
}
.int_izn_sen{
  width: 100%;
    max-width: 600px;
        min-width: 580px;
       
}
.int_izn ul{ 
    width: 60%;

} 
.int_dern{
    width: 35%;
    float: right;
    margin-right: 12%;

}
.int_dern p{

    text-align: justify;

}


.int_izn img{

    width: 100%;
    max-width: 280px;
    margin-top: 35px;
    } 

#top_int{
    overflow: auto;
    width: 100%;
    background-color:#f5f5f5;
    padding: 25px 0px;

}
#top_int hr{
 width: 15%;
    height: 3px;
    background-color: #f1c050;
    border: none;

}

.text_int2 h2{
 font-family: 'Playfair Display', serif;
    letter-spacing: 0.02em;
    text-align: left;
    font-weight: 100;
        color: black;
        font-size: 2em;
        margin: auto;
        text-align: center;
}


.text_int2 hr{
 width: 15%;

}
.text_int2{
 width: 50%;

}

.text_int2 p{
    margin-bottom: 30px;
    overflow: hidden;

}
#top_int2{
    height: 470px;
    width: 100%;

}

.topbanimg{
     float: right;
     width: 100%;
}
.topbanimgpod{
     float: right;
     width: 100%;
     max-width: 390px;
}

.topbanimgcom2{
    display: block;
    width: 100%
}
.topbanimgcom{
    display: block;
    margin: auto;
    padding-top: 50px;
        width: 100%;
}
.top_img_cont{
    width: 25%;
    margin-right:  8%;;
    max-width: 226px;
    float: right;

}
.top_img_cont_pod{
       width: 25%;
    margin-right: 8%;
  
    float: right;

 
}


.topbansen{
width: 48%;
margin: auto;
padding: 90px;

}
.topbansen h1{
  font-family: 'Playfair Display', serif;
    letter-spacing: 0.02em;
    text-align: left;
    font-weight: 100;
    color: white;
    font-size: 3em;
    margin: auto;
 }


 .topbansen p{
    text-align: left;
    color: white;
    font-size: 1em;
 }

  .topbansen hr{

    width: 67%;
    max-width: 350px;
    color: white;
    display: -webkit-inline-box;
    margin: auto;}
 
 .topbansen a {

    text-decoration: none;
    border: 2px solid;
    border-radius: 50px;
    padding: 10px;
    color: white;
    display: block;
    font-weight: bold;
    text-align: center;
    width: 30%;
      font-family: sans-serif;
     transition: all .3s ease-in-out;
 }

.topbansen a:hover { color: #000;
    text-decoration: none;
    background-color: #F1C050;
    transition: all .3s ease-in-out;
    border: 2px solid;
    border-color: #F1C050;
       font-weight: bold;
  
}
.manual{

margin: auto;
padding: 90px;
text-align: center;
width: 30%;


}
.manual h1{
  font-family: 'Playfair Display', serif;
    letter-spacing: 0.02em;
    text-align: center;
    font-weight: 100;
    color: black;
    font-size: 2.5em;
    margin: auto;
    text-transform: uppercase;


 }
  .manual hr{

    width: 67%;
    max-width: 350px;
    color: black;
    display: -webkit-inline-box;
    margin: auto;}

.topbanabout{

margin: auto;
padding: 90px;
text-align: center;
width: 30%;


}
.topbanabout h1{
  font-family: 'Playfair Display', serif;
    letter-spacing: 0.02em;
    text-align: center;
    font-weight: 100;
    color: black;
    font-size: 2.5em;
    margin: auto;
    text-transform: uppercase;


 }

.fill_top{
    background-color: white;
    padding: 18% 12%;
    width: 100%;
    min-width: 350px;
}
.fill_top_2{
    position: absolute;
    width: 413px;
    padding: 78px 96px;
    z-index: 1;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    background-color: white;
    min-width: 350px;
}

.fill_top ul{
    
    list-style-type: square;
    list-style-position: initial;
    list-style-image: initial;
    text-align: left;
    
}
 .topbanabout p{
    text-align: left;
    color: black;
    font-size: 1em;
 
 }

  .topbanabout hr{

    width: 67%;
    max-width: 350px;
    color: black;
    display: -webkit-inline-box;
    margin: auto;}
 
 .topbanabout a {

    text-decoration: none;
    border: 2px solid;
    border-radius: 50px;
    padding: 10px;
    color: white;
    display: block;
    font-weight: bold;
    text-align: center;
    width: 30%;
      font-family: sans-serif;
     transition: all .3s ease-in-out;
 }

.topbanabout a:hover { color: #000;
    text-decoration: none;
    background-color: #F1C050;
    transition: all .3s ease-in-out;
    border: 2px solid;
    border-color: #F1C050;
       font-weight: bold;
  
}
 .topban{

  width: 48%;
  float: right;
  margin-right: 12%;
  margin-top: 3%;
  max-width: 600px;
      margin-bottom: 20px;
   
 }

 .topban h1{
  font-family: 'Playfair Display', serif;
    letter-spacing: 0.02em;
    text-align: left;
    font-weight: 100;
    color: white;
    font-size: 3em;
    margin: auto;
 }


 .topban p{
    text-align: left;
    color: white;
    font-size: .9em;
 }

  .topban hr{

    width: 67%;
    max-width: 350px;
    color: white;
    display: -webkit-inline-box;
    margin: auto;}
 
 .topban a {

    text-decoration: none;
    border: 2px solid;
    border-radius: 50px;
    padding: 10px;
    color: white;
    display: block;
    font-weight: bold;
    text-align: center;
    width: 30%;
      font-family: sans-serif;
     transition: all .3s ease-in-out;
 }

.topban a:hover { color: #000;
    text-decoration: none;
    background-color: #F1C050;
    transition: all .3s ease-in-out;
    border: 2px solid;
    border-color: #F1C050;
       font-weight: bold;
  
}
.small_let{

  font-size: .9em;
    font-style: italic;
        text-align: center;
}
.img_arr{
      width: 300px;
    margin: auto;
    display: block;
}
.buttonsen{
    margin: auto;
    /* margin-left: 328px; */
    display: block;
    text-decoration: none;
    border: 1px solid #909090;;
    color:#909090;
    border-radius: 7px;
    padding: 7px;
    text-align: center;
    width: 120px; 
    transition: all .3s ease-in-out;
}

.buttonsen:hover{    
  text-decoration: none;
    transition: all .3s ease-in-out;
    border: 1px solid;
    border-color: #909090;
    color: #909090;
    
}

.sensorist{
  width: 50%;
  margin-bottom: 10px;
}
.sliden{

    background:none;
}
.carousel-indicatorsn{

    color:black;
}

.dropdownmen{
   
    position: absolute;
    left: 46%;
    z-index: 1;
  }

  .dropdownmen ul{
    margin:0px;
    padding: 0px;
  }

.sen_iz{
 float: left;
 width: 45%;
 background-image:url(../img/p.jpg);
 height: 500px;
 background-position: right;
 margin-left:5%;
background-repeat: no-repeat;
background-size: cover;
}


.pod_der{
 float: right;
 width: 42%;
 background-image:url(../img/sen_iz.jpg);
 height: 500px;
 background-position: right;
 margin-right:5%;
 margin-left: 2%;


}
.sen_iz img{
    margin: auto;
    width: 200px;
    display: block;
    padding-top: 150px;
  }


.fl_1{
  float: left;
  margin-left: 2%;
  width:50%;
}
.fl_2{
  float: right;
  margin-right: 2%;
  width:46%;
}

@media screen and (max-width: 1500px) {
  #menu>li{
 
   float: left;
   text-align:center;
}
.dropdownmen ul {
    /* margin: 0px; */
    /* padding: 0px; */
    /* width: 918px; */
    margin: auto;
    overflow: auto;
    text-align: center;
    float: none;
    display: inline-block;
}
.dropdownmen {
    /* position: absolute; */
    /* left: 46%; */
    /* z-index: 1; */
    margin: auto;
    width: 100%;
    position: relative;
    /* width: 100%; */
    margin: auto;
    overflow: auto;
    text-align: center;
    left: 0;

}
#logo {
    width: 100%;
    text-align: center;
    /* float: left; */
}